<template>
  <div style="background-color: #607D8B; width: 100%; height: 50px">
      <p style="font-size: 20px; color: white; letter-spacing: 3px;position: absolute;left: 2%;top:2%">机票预订管理系统</p>
    <p style="font-size: 20px; color: white; position: absolute;right: 13%;top:2%">当前用户：{{user}}</p>
    </div>
</template>

<script>


  export default {
        name: "NavMenu",
      data(){
        return {
          user: JSON.parse(localStorage.getItem("user")).username
        };
      },

  }
</script>

<style>

  .header-button{
    background-color: white;
    border: white;
    color: #394b57;
    height: 15%;
    width: 80%;
    margin-left: 10%;
  }

</style>
